<!DOCTYPE html>
<html>
<head>
<include file="Public:meta"/>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" id="header-area" style="height:40px;">
    <span style="font-size:16px; line-height:40px; padding-left:8px;">{$Think.config.INDEX_HEADER_NAME}</span>
    <span style="float:right; margin-right:10px;">[<a data-options="iconCls:'icon-no'" href="{$_RPath}index.php/Admin/Public/logout">退出</a>]</span>	
</div>
<div data-options="region:'west',split:true" title="管理菜单" style="width:150px;">
    <div id="menu" class="easyui-accordion" fit="true" border="false">
       
       <volist name="menuList" id="vo">
       <div data-options="title:'{$vo.title}',iconCls:'icon-edit'" style="overflow:auto; padding: 10px;">
            <div title="{$vo.title}">
                <ul>
                	<volist name="vo['submenu']" id="svo">
                    <li>
                       <div>
                          <a target="mainFrame" href="{$_RPath}index.php/Admin/{$svo['module']}/{$svo['action']}.html">{$svo.title}</a>
                       </div>
                    </li>
                    </volist>
                   
                </ul>
            </div>
        </div>
		</volist>
        
    </div>
</div>
<div data-options="region:'center',iconCls:'icon-home'"  id="mainPanle">
	<div id="tabs" class="easyui-tabs" fit="true" border="false">
        <div title="管理后台首页"  id="home" style="padding:10px;">
            
        <div class="easyui-layout" split="true" border="false" style="width:100%;height:250px; ">
            <div data-options="region:'center',split:true" title="系统信息概览" class="wx_account">
            <ul>
                    <li style="width:20%;background:#efefef;">&nbsp;服务器系统</li> 
                    <li style="text-align:center;">&nbsp;{$server}</li>
                    <li style="width:20%;background:#efefef;">&nbsp;系统版本</li> 
                    <li style="text-align:center;">&nbsp;{$osv}</li>
                    
                    <li style="width:20%;background:#efefef;">&nbsp;PHP引擎运行模式</li> 
                    <li style="text-align:center;">&nbsp;{$phpmodel}</li>
                    <li style="width:20%;background:#efefef;">&nbsp;PHP版本</li> 
                    <li style="text-align:center;">&nbsp;{$phpv}</li>

                    <li style="width:20%;background:#efefef;">&nbsp;web服务解释器</li> 
                    <li style="text-align:center;">&nbsp;Apache</li>
                    <li style="width:20%;background:#efefef;">&nbsp;web解释器详情</li> 
                    <li style="text-align:center;">&nbsp;{$webv}</li>
                    
                    <li style="width:20%;background:#efefef;">&nbsp;数据库版本</li> 
                    <li style="text-align:center;">&nbsp;{$dbv}</li>
                    <li style="width:20%;background:#efefef;">&nbsp;MySQL最大连接数</li> 
                    <li style="text-align:center;">&nbsp;{$dbmax}</li>

                    <li style="width:20%;background:#efefef;">&nbsp;服务器CPU数量</li> 
                    <li style="text-align:center;">&nbsp;{$cpu|default='未知'}</li>
                    <li style="width:20%;background:#efefef;">&nbsp;端口号</li> 
                    <li style="text-align:center;">&nbsp;{$port}</li>
                    
                    <li style="width:20%;background:#efefef;">&nbsp; 最大上传限制</li> 
                    <li style="text-align:center;">&nbsp;{$uploadmax}</li>
                    <li style="width:20%;background:#efefef;">&nbsp; 最大执行时间</li> 
                    <li style="text-align:center;">&nbsp;{$exmax}</li>
                    
                    <li style="width:20%;background:#efefef;">&nbsp; 运行最大占用内存</li> 
                    <li style="text-align:center;">&nbsp;{$mmax}</li>
                    <li style="width:20%;background:#efefef;">&nbsp;  服务器语言</li> 
                    <li style="text-align:center;">&nbsp;{$syslang}</li>
                    
                </ul>
            </div>
            <div data-options="region:'east',split:true" title="日历"  style="width:30%;">
            	<div class="easyui-calendar" 
               		data-options="weeks:['周日','周一','周二','周三','周四','周五','周六'],months:['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],border:false" style="width:100%;height:100%;">
              </div>
            </div>
        </div>
        
            
        </div>
    </div>
</div>
<div data-options="region:'south',split:false" id="copyriht-area" style="height:25px;">
	{$Think.config.INDEX_PAGE_COPYRIGHT}
</div>

<script type="text/javascript">

$(function () {
    InitLeftMenu();
    $('body').layout();
})

function InitLeftMenu() {
    $('.easyui-accordion li a').click(function () {
        var tabTitle = $(this).text();
        var url = $(this).attr("href");
        addTab(tabTitle, url);
        $('.easyui-accordion li div').removeClass("selected");
        $(this).parent().addClass("selected");
    }).hover(function () {
        $(this).parent().addClass("hover");
    }, function () {
        $(this).parent().removeClass("hover");
    });
}

function addTab(subtitle, url) {
	
	$('#tabs').tabs('close',1);
    if (!$('#tabs').tabs('exists', subtitle)) {
        $('#tabs').tabs('add', {
            title: subtitle,
            content: createFrame(url),
            closable: false,
            width: $('#mainPanle').width() - 10,
            height: $('#mainPanle').height() - 26
        });

    } else {
        $('#tabs').tabs('select', subtitle);
    }
}
function createFrame(url) {
    var s = '<iframe name="mainFrame" scrolling="yes" frameborder="0"  src="' + url + '" style="width:100%;height:99%;"></iframe>';
    return s;
}
</script> 
</body>
</html>